#layout-left{
	position:absolute;
	left:0px;
	display:inline-block;
	width:294px;
	height:100%;
	min-height:760px;
	padding-left:13px;
	padding-right:13px;
	color:#444444;
	z-index:2;
}
#layout-right{
	position:absolute;
	right:0px;
	display:inline-block;
	width:294px;
	height:100%;
	min-height:760px;
	padding-left:13px;
	padding-right:13px;
	color:#444444;
	z-index:2;
}
#layout-center{
	display:inline-block;
	min-width:320px;
	min-height:760px;
	height:100%;
	text-align:center;
	position:absolute;
	left:320px;
	right:320px;
}
#layout-right-minimized{
	position:absolute;
	display:inline-block;
	display:none;
	top:50px;
	height:27px;
	width:42px;
	right:0px;
	background-color:rgb(236, 236, 236);
	z-index:99;
	box-shadow:-4px 4px 10px rgb(158, 157, 157);
	cursor:pointer;
	padding-top:8px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
#layout-left-minimized{
	position:absolute;
	display:inline-block;
	display:none;
	top:50px;
	height:27px;
	width:42px;
	left:0px;
	background-color:rgb(236, 236, 236);
	z-index:99;
	box-shadow:4px 4px 10px rgb(158, 157, 157);
	cursor:pointer;
	padding-top:8px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#layout-right-minimized:hover{background-color:whitesmoke;}
#layout-left-minimized:hover{background-color:whitesmoke;}
#layout-right-minimized:active{top:53px;}
#layout-left-minimized:active{top:53px;}
#layout-right-minimized i{color:#cccccc;}
#layout-left-minimized i{color:#cccccc;}
#layout-right-minimized i.hideRight{display:none;}
#layout-right-minimized i.showRight{display:block;}
#layout-left-minimized i.hideLeft{display:none;}
#layout-left-minimized i.showLeft{display:block;}
#layout-right-minimized.expand i.hideRight{display:block;}
#layout-right-minimized.expand i.showRight{display:none;}
#layout-left-minimized.expand i.hideLeft{display:block;}
#layout-left-minimized.expand i.showLeft{display:none;}

#layout-right.expand{
	display:inline-block;
	background-image:url('../../../assets/media/craftivity/background-pattern.jpg');
	box-shadow:-4px 0px 10px rgb(216,216,216);
}
#layout-left.expand{
	display:inline-block;
	background-image:url('../../../assets/media/craftivity/background-pattern.jpg');
	box-shadow:4px 0px 10px rgb(216,216,216);
}

@media (max-width: 935px) {
	#layout-right{
		display:none;
	}
	#layout-right-minimized{
		display:inline-block;
	}
	#layout-center{
		right:0px;
	}
}

@media (max-width: 615px) {
	#layout-left{
		display:none;
	}
	#layout-center{
		left:0px;
	}
	#layout-left-minimized{
		display:inline-block;
	}
}